<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jq.js"></script>
    <script src="js/jquery.animate-colors.js"></script>
</head>
<body>
<div id="div"></div>
<input type="button" value="点击改变动画"/>
<style>
    #div{
        width: 300px;
        height: 300px;
        background: green;
    }
</style>
<script>
    $(document).ready(function(){
        $('input').click(function(){
            $("#div").animate({
                left:"+=10px",
                width:'+=10px',
                height:'-=10px',
                backgroundColor:"#411"
            })
        })
    })
</script>
</body>
</html>